<!--/**
*标题组件*
*
* @author LWG
* @date 2022/8/10 13:45
* @since 1.0.0
*/-->
<template>
  <div class="title">
    <i @click="isCollapseFn" :class="{'el-icon-s-fold': !isCollapse, 'el-icon-s-unfold': isCollapse}"></i>
    <span><b> 新闻发布管理系统</b>
    <b style="color: #00DD77;font-size: 25px">时光源 </b>
        <b style="color: #00DD77">后台管理系统</b>
    </span>
  </div>
</template>

<script>
import { mapState, mapMutations } from 'vuex'
export default {
  name: 'Title',
  methods: {
    ...mapMutations(['isCollapseFn'])
  },
  computed: {
    ...mapState(['isCollapse'])
  }
}
</script>

<style lang="less" scoped>
.title {
  font-size: 18px;
  letter-spacing: 3px;
}
</style>
